<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" style="background-color: white">
<head th:replace="~{/sys/header :: header(~{::title},~{::link})}">
    <title> Picture warehouse 微信小程序 - 后台管理系统登录</title>
    <!--login.css-->
    <link rel="stylesheet" href="/static/layuiadmin/style/login.css" media="all"
          th:href="@{/layuiadmin/style/login.css}">
</head>
<body>
<form method="post" action="javascript:;">
    <div class="layadmin-user-login layadmin-user-display-show" id="picture-login" style="display: none;">
        <div class="layadmin-user-login-main">
            <div class="layadmin-user-login-header">
                <h3 style="font-weight: bold;font-size: 24px;">Picture warehouse登录</h3>
            </div>
            <hr/>

            <div class="layadmin-user-login-box layadmin-user-login-body layui-form">
                <input type="hidden" id="identification" value="userNameLogin">

                <div id="userNameLogin">
                    <div id="formMain">
                        <div class="layui-form-item">
                            <label class="layadmin-user-login-icon layui-icon layui-icon-username"
                                   for="username"></label>
                            <input type="text" name="username" id="username" lay-verify="required" placeholder="用户名"
                                   class="layui-input">
                        </div>
                        <div class="layui-form-item">
                            <label class="layadmin-user-login-icon layui-icon layui-icon-password"
                                   for="password"></label>
                            <input type="password" name="password" id="password" lay-verify="required"
                                   placeholder="密码" class="layui-input">
                        </div>
                    </div>
                    <div id="item1" class="layui-form-item" style="margin-bottom: 20px;display: none;">
                        <a class=" a_user" href="javascript:;" title="用户名密码登录" style="color: rgba(5,4,5,0.72);">
                            <i class="layui-icon layui-icon-user"></i>
                            <span>用户名密码登录</span>
                        </a>
                    </div>
                    <div id="item2" class="layui-form-item" style="margin-bottom: 20px;">
                        <input type="checkbox" name="remember" id="remember" lay-skin="primary" title="记住密码"
                               style="color: rgba(5,4,5,0.72);">
                        <a href="javascript:;" class="layadmin-user-jump-change "
                           style="margin-top: 7px;color: rgba(5,4,5,0.72);">忘记密码？</a>
                    </div>
                </div>
                <div class="layui-form-item">
                    <input type="submit" class="layui-btn layui-btn-fluid" style="background-color: rgba(5,4,5,0.72);" id="submitLogin"
                            lay-submit lay-filter="picture-submit" value="登录"/>

                </div>
                <div class="layui-trans layui-form-item layadmin-user-login-other">
                    <label>其他登录方式:</label>
                    <a id="a_wechat" href="javascript:;" title="微信扫码登录"><i
                            class="layui-icon layui-icon-login-wechat" style="color: rgba(5,4,5,0.72);"></i></a>
                    <a id="a_phone" href="javascript:;" title="手机验证登录"><i class="layui-icon layui-icon-cellphone"
                                                                          style="color: rgba(5,4,5,0.72);"></i></a>
                    <a id="a_email" href="javascript:;" title="邮箱验证登录"><i class="layui-icon layui-icon-email"
                                                                          style="color: rgba(5,4,5,0.72);"></i></a>
                </div>
            </div>

        </div>

        <div class="layui-trans layadmin-user-login-footer">
            <p style="font-weight: bold;font-size: 14px;">
                © 2020 Picture warehouse<a href="http://www.beian.miit.gov.cn" target="_blank">湘ICP备19017153号-1</a>
            </p>
        </div>

    </div>
</form>

<!--腾讯云图形验证码-->
<!--<button style="display: none;" id="TencentCaptcha" data-appid="2058359866" data-cbfn="callback" class="btn btn-dark btn-block"></button>-->
<button id="emailTCaptcha" data-appid="2058359866" data-cbfn="emailCallback" style="display:none;">邮箱人机认证</button>
<button id="phoneTCaptcha" data-appid="2058359866" data-cbfn="phoneCallback" style="display:none;">短信人机认证</button>
<button id="submitTCaptcha" data-appid="2058359866" data-cbfn="submitCallback" style="display:none;">登录人机认证</button>

<div th:replace="~{/sys/header :: footer(~{::script})}">
    <script>
        let openCode = '[[${session.openCode}]]';
    </script>
    <script src="https://ssl.captcha.qq.com/TCaptcha.js"></script>
    <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
    <script src="/static/js/picture/login.js" th:src="@{/js/picture/login.js}"></script>
</div>
</body>
</html>